@charset "utf-8";


  body, div, p, h1, h2, h3, h4, h5, h6, br, hr, 
  ul, ol, li, dl, dt, dd, 
  span, strong, b, bdo, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, small, sub, sup,  
  table, tr, th, td, caption, col, colgroup, tfoot, thead,
  address, area, base, 
  img, a, map, 
  form, input, fieldset, button, label, leqend, optqroup, option, select, textarea, 
  noscript, object, param, 
  article, aside, audio, bdi, canvas, command, datalist, details, 
  embed, figure, figcaption, footer, header, hgroup, keyqen, mark, menu, meter, 
  output, proqress, rp, rt, ruby, section, source, summary, time, track, video {
  margin: 0; 
  padding: 0;
  font-size: 100%;
  font-family: Arial,"微软雅黑",sans-serif;
  vertical-align: baseline;
}
*::-moz-selection {
  color: #fff;
  background: #193b6d;
}
*::selection {
  color: #fff;
  background: #193b6d;
}
html {
  -ms-touch-action: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
a { text-decoration: none; }
em, i{ font-style: normal; }
img { border:none; vertical-align: top; }
ul, ol, li { list-style: none; }
a { text-decoration: none; }
small { font-size: 85%; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, select, textarea { outline: none; /*-webkit-appearance: none;*/ border-radius: 0; } 
input::-ms-clear { display: none; } 
textarea { resize: none; overflow: auto; border-radius: 0; }
table { border-collapse: collapse; }
th { font-weight: normal; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal; cursor: pointer; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
.in-wrap { margin: 0 auto; width: 1200px; }


.ui-rel { position: relative; }
.ui-abs { position: absolute; }
.ui-fixed { position: fixed; }


.ui-clear:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.ui-l { float: left; }
.ui-r { float: right; }


.ui-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


.ui-box-size { -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


.ui-responsive img { max-width: 100%; }


.ui-transition { transition: all .3s ease-out; }


[class ^= "ui-opacity"] { position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all .4s ease-out; }
[class ^= "ui-opacity-white"] { background: #fff; }
[class ^= "ui-opacity-black"] { background: #000; }
[class ^= "ui-opacity-gray"] { background: #818285; }
.ui-opacity-white10,
.ui-opacity-gray10,
.ui-opacity-black10 { filter: alpha(opacity=10); opacity: .1; }
.ui-opacity-white30,
.ui-opacity-gray30,
.ui-opacity-black30 { filter: alpha(opacity=30); opacity: .3; }
.ui-opacity-white50,
.ui-opacity-gray50,
.ui-opacity-black50 { filter: alpha(opacity=50); opacity: .5; }
.ui-opacity-white60,
.ui-opacity-gray60,
.ui-opacity-black60 { filter: alpha(opacity=60); opacity: .6; }
.ui-opacity-white80,
.ui-opacity-gray80,
.ui-opacity-black80 { filter: alpha(opacity=80); opacity: .8; }
.ui-opacity-white90,
.ui-opacity-gray90,
.ui-opacity-black90 { filter: alpha(opacity=90); opacity: .95; }


/*
@font-face {
    font-family: 'gravity';
    src: url('../Fonts/gravity/gravity.eot');
    src: url('../Fonts/gravity/gravity.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/gravity/gravity.woff') format('woff'),
         url('../Fonts/constan/gravity.ttf') format('truetype'),
         url('img/gravity.svg#baron_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/



.ui-grid { width: 100%; margin: 0 auto; }
.ui-row { margin: 0 -2px; }
.ui-grid,
.ui-row { -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ui-lg-col1,
.ui-col8,
.ui-lg-col2,
.ui-lg-col3,
.ui-lg-col4,
.ui-lg-col4,
.ui-lg-col5,
.ui-lg-col6,
.ui-lg-col7,
.ui-lg-col8,
.ui-lg-col9,
.ui-lg-col10,
.ui-lg-col11,
.ui-lg-col12 { float: left; padding: 0 2px; min-height: 1px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.ui-lg-col1:after,
.ui-col8:after,
.ui-lg-col2:after,
.ui-lg-col3:after,
.ui-lg-col4:after,
.ui-lg-col5:after,
.ui-lg-col6:after,
.ui-lg-col7:after,
.ui-lg-col8:after,
.ui-lg-col9:after,
.ui-lg-col10:after,
.ui-lg-col11:after,
.ui-lg-col12:after,
.ui-grid:after,
.ui-row:after { content: " "; display: table; clear: both; visibility: hidden; height: 0; }

.ui-lg-col1 { width: 8.33333%; }
.ui-col8 { width: 12.5%; }
.ui-lg-col2 { width: 16.66666%; }
.ui-lg-col25 { width: 20%; }
.ui-lg-col3 { width: 25%; }
.ui-lg-col4 { width: 33.33333%; }
.ui-lg-col5 { width: 41.66666%;  }
.ui-lg-col6 { width: 50%; }
.ui-lg-col7 { width: 58.33333%; }
.ui-lg-col8 { width: 66.66666%; }
.ui-lg-col9 { width: 75%; }
.ui-lg-col10 { width: 83.33333%; }
.ui-lg-col11 { width: 91.66666%; }
.ui-lg-col12 { width: 100%; }